<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>蛋酱</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <!--    <script src="../../res/js/common/commonCssJS.js"></script>-->
    <link rel="stylesheet" href="../../res/css/sm.min.css">
    <link rel="stylesheet" href="../../res/css/sm-extend.min.css">
    <link rel="stylesheet" href="../../res/css/common/common.css">
    <link rel="stylesheet" href="../../res/css/userInfo/userInfo.css?v=1.0.1">
    <script src='../../res/js/common/h5.js'></script>
    <script src='../../res/js/common/h5Common.js'></script>
    <style>
        *{
            box-sizing: border-box!important;
        }
    </style>
</head>

<!--全部页面-->

<body>

<!--页面内容-->
<div class="phoneWrap">
    <div class="phone">
        <span>手机号</span>
        <label>
            <input type="text" id="phone" value="" maxlength="11" onkeyup="this.value=this.value.replace(/[^\d\.\d{0,2}]/g,'')">
        </label>
    </div>
    <div class="phone">
        <span>验证码</span>
        <label>
            <input type="text" class="getcode" id="code" placeholder="验证码" value="" maxlength="6" onkeyup="this.value=this.value.replace(/[^\d\.\d{0,2}]/g,'')">
        </label>
        <div id="getCode" class="getCodeBtn">获取验证码</div>
        <div id="getCodeNum" class="getCodeBtn">获取验证码</div>
    </div>
    <div class="phone">* 绑定手机号注册账号</div>
</div>
<div style="padding-bottom: 2rem" class="phoneWrap">
    <div class="phone">
        <span>头像</span>
        <div class="headerPic"><img id="faceurl" src="" alt=""></div>
    </div>
    <div class="phone">
        <span>昵称</span>
        <label>
            <input type="text" name="nick" id="nick" class="birthdayinput" value=""/>
        </label>
    </div>
    <div style="color: #ff0000;font-size: 0.5rem;margin-top: 0.5rem">注:昵称三个月内仅可修改一次</div>
    <div class="phone">
        <span>性别</span>
        <div class="sex">
            <label for="sex"></label><select name="" id="sex">
                <option value="0">男</option>
                <option value="1">女</option>
            </select>
        </div>

    </div>
    <div class="phone">
        <span>生日</span>
        <label>
            <input type="text" data-toggle='date' name="birthday" id="my-input" class="birthdayinput" value="2000-01-01"/>
        </label>
    </div>
    <div class="phone likeLi">
        <span>爱好</span>
        <label>
            <textarea name="" class="like" id="userintro" placeholder="主人的爱好是？"></textarea>
        </label>
    </div>
    <div class="phone">
        <span>展示柜</span>
        <div class="sex">
            <label for="iscabhidden"></label><select name="" id="iscabhidden">
            <option value="0">展示</option>
            <option value="1">隐藏</option>
        </select>
        </div>

    </div>
    <div class="phone">
        <span>等级</span>
        <div class="sex">
            <label for="islevelhidden"></label><select name="" id="islevelhidden">
            <option value="0">展示</option>
            <option value="1">隐藏</option>
        </select>
        </div>

    </div>
    <div class="phone">
        <span>推送开关</span>
        <div class="sex">
            <label for="tuisong"></label><select name="" id="tuisong">
            <option value="0">开启</option>
            <option value="1">关闭</option>
        </select>
        </div>

    </div>
    <div class="phone">* 未认证手机或更改手机的用户需要手机验证码，认证后无需验证码</div>
</div>
<div id="qrxg" class="qrxg">确认修改</div>
</body>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script src="../../res/js/userInfo/userInfo.js?v=1.0.5"></script>
</html>
